{extend name="public/base" /}

{block name="seo"}
<title>添加管理员 - 管理员管理 - H-ui.admin v3.0</title>
<meta name="keywords" content="{$keywords}|default='关键字'">
<meta name="description" content="{$desc}|default='描述'">
</head>
<body>
{/block}

{block name='header'}{/block} {//关掉头部}
{block name='menu'}{/block} {//关掉菜单}
{block name='content'}

<article class="cl pd-20">
	<form action="" method="post" class="form form-horizontal" id="form-admin-add">
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>管理员：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="" placeholder="" id="name" name="name">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>密码：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="password" class="input-text" autocomplete="off" value="" placeholder="密码" id="password" name="password">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">启用状态：</label>
			<div class="formControls col-xs-8 col-sm-9"> <span class="select-box" style="width:150px;">
				<select class="select" name="status" size="1">
					<option value="1" selected>启用</option>
                    <option value="0">不启用</option>
				</select>
				</span>
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>邮箱：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" placeholder="@" name="email" id="email">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">角色：</label>
			<div class="formControls col-xs-8 col-sm-9"> <span class="select-box" style="width:150px;">
				<select class="select" name="role" size="1">
					<option value="0">管理员</option>
					<option value="1">超级管理员</option>
				</select>
				</span> </div>
		</div>
		<div class="row cl">
			<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
				<input class="btn btn-primary radius disabled" type="button" value="&nbsp;&nbsp;提交&nbsp;&nbsp;" id="submit" >
			</div>
		</div>
	</form>
</article>
{/block}


<!--请在下方写此页面业务相关的脚本-->
{block name="js"}
<!--<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script> -->
<!--<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script> -->
<!--<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script> -->
<script type="text/javascript">
$(function(){
    //防止用户无更新提交，只有表中数据有变化时才允许提交
    $("form").children().change(function () {
		$("#submit").removeClass("disabled");
    });

    //失去焦点时，检查用户姓名是否重复
	$("#name").blur(function () {
		$.ajax({
			type:'GET',
			url:'/index/user/checkUserName',
			data:{name:$(this).val()},
			dataType:'json',
			success:function (data) {
				if (data.status ==1){
				    alert(data.message);
				}else{
				    alert(data.message);
				}
            }
		});
    });

	$('.skin-minimal input').iCheck({
		checkboxClass: 'icheckbox-blue',
		radioClass: 'iradio-blue',
		increaseArea: '20%'
	});

	$('#submit').click(function () {
		$.ajax({
			type:'POST',
			url:'addUser',
			data:$('#form-admin-add').serialize(),
			dataType:'json',
			success:function (data) {
				if (data.status == 1){
				    alert(data.message);
				} else{
                    alert(data.message);
				}
            }
		});
    });

});
</script>
{/block}
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>